import React from 'react';

class Hotchild extends React.Component{
    render(){
        return(
            <li className="ybmsgli live">
                <div className="hotcontent">
                    <ul className="ybin">
                        <li>
                            <div className="yb-pic">
                                <img src={this.props[0].url} alt=""/>
                                <div className="yb-madol"></div>
                                <div className="yb-play"></div>
                            </div>
                            <div className="yb-bt">
                                <div className="yb-bt-msg">{this.props[0].title}</div>
                                <div className="yb-bf">{this.props[0].transmit}</div>
                            </div>
                        </li>
                        <li>
                            <div className="yb-pic">
                                <img src={this.props[1].url} alt=""/>
                                <div className="yb-madol"></div>
                                <div className="yb-play"></div>
                            </div>
                            <div className="yb-bt">
                                <div className="yb-bt-msg">{this.props[1].title}</div>
                                <div className="yb-bf">{this.props[1].transmit}</div>
                            </div>
                        </li>
                        <li>
                            <div className="yb-pic">
                                <img src={this.props[2].url} alt=""/>
                                <div className="yb-madol"></div>
                                <div className="yb-play"></div>
                            </div>
                            <div className="yb-bt">
                                <div className="yb-bt-msg">{this.props[2].title}</div>
                                <div className="yb-bf">{this.props[2].transmit}</div>
                            </div>
                        </li>
                        <li>
                            <div className="yb-pic">
                                <img src={this.props[3].url} alt=""/>
                                <div className="yb-madol"></div>
                                <div className="yb-play"></div>
                            </div>
                            <div className="yb-bt">
                                <div className="yb-bt-msg">{this.props[3].title}</div>
                                <div className="yb-bf">{this.props[3].transmit}</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </li>
        )
    }
}

export default Hotchild;